<template>
  <div class="bg-[#f3f6fd] min-h-[680px] flex justify-center items-start pb-10">
    <div class="w-[80%] flex flex-col justify-start items-start">
      <div class="w-[100%] flex justify-center items-center">
        <h3 class="text-2xl font-bold mb-8 mt-10">
          {{ $t("aboutSettle.Manage") }}
        </h3>
      </div>
      <div class="flex justify-start items-center">
        <img
          src="@/assets/images/aboutSettle/manageIcon1.png"
          alt=""
          width="20"
        />
        <p class="ml-4">
          {{ $t("aboutSettle.ManageTip") }}
        </p>
      </div>
      <img
        src="@/assets/images/aboutSettle/manageBg.png"
        alt=""
        class="mt-6 mb-6"
        style="width: 100%; height: 500px"
      />
      <div class="flex justify-start items-center">
        <img
          src="@/assets/images/aboutSettle/manageIcon2.png"
          alt=""
          width="20"
        />
        <p class="ml-4">
          {{ $t("aboutSettle.ManageTip1") }}
        </p>
      </div>
    </div>
  </div>
</template>
<script setup></script>
